<template>
    <div>
        <router-link :to="path">
            <div class="message_block_info clearfix">
                <div class="message_block_info_img message_block_info_float">
                    <img src="../../images/mainOne/message/icon_xiaoxi_01.png" />
                </div>
                <div class="message_block_info_float message_block_info_title">
                    <p>{{title}}</p>
                    <p>首次登陆成功，奖励拿到手软</p>
                </div>
                <div class="message_block_info_time">
                    <p>2017年5月16日</p>
                </div>
            </div>
        </router-link>
    </div>
</template>
<script>
export default {
    name: "messageItem",
    props:{
        title:{
            default:"消息通知"
        },
        path:{
            default:"/msgIform"
        }
    },
    data() {
        return {

        }
    }
}
</script>
<style lang="less" scoped>
.message_block_info {
    position: relative;
    width: 650/75rem;
    margin: 60/75rem auto;
    .message_block_info_img {
        img {
            width: 96/75rem;
            height: 96/75rem;
        }
    }
    .message_block_info_title {
        margin-left: 10/75rem;
        p:last-child {
            margin-top: 15/75rem;
        }
    }
    .message_block_info_float {
        float: left;
        p {
            font-size: 30/75rem;
            color: #808080;
        }
    }
    .message_block_info_time {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 18/75rem;
        color: #808080;
    }
}
</style>
